<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>档期网</title>
	<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
	<s:include value="/commond/keydesc.jsp"></s:include>
		<!-- CSS -->
		<link href="${ctx}/css/head/head.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/main.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/control/control.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/right/choose.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/right/connect_right.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/css/invite/invite_nav.css" rel="stylesheet" type="text/css" />
		<!-- JavaScript -->
		<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
		<script type="text/javascript">var jQ = jQuery.noConflict();</script>
		<script type="text/javascript" src="${ctx}/js/control/userinfo.js"></script>
	</head>

	<body>
		<s:include value="/head.jsp"></s:include>
		<div class="invite_page" style="min-height: 600px;background: #C0D1DB;margin-top: 47px;">
			<!-- 中间部分 -->
			<table class="main" cellpadding="0" cellspacing="0" style="background: url('../image/setphotobg.jpg');margin: 40px auto;width: 1050px;border: 1px solid #96a6af;">
				<tr>
			        <!-- 左边主体  -->
			        <td class="center" style="padding: 0;width: 1050px;">
			        	<div class="widetopline"></div>
			        	<ul class="wideheadtitle">
			        		<li class="left"></li>
			        		<li class="title">
			        			<div class="info_title"><span>用户ID：</span><span></span></div>
			        		</li>
			        		<li class="right"></li>
			        	</ul>
			        	<div class="widebottomline"></div>
			        	<table class="information" cellpadding="0" cellspacing="0" style="padding: 20px;">
			            	<tr>
			            		<td>
			                	<!-- 基本信息  -->            
			                    	<fieldset class="info_base">            	
			                        <legend>基本资料</legend>
			                        <ul>
			                            <li>
			                                <span class="info_t">真实姓名：</span>
			                                <span class="fix"></span>
			                            </li>
			                            <li>
			                                <span class="info_t">性别：</span>
			                                <span class="fix"></span>
			                            </li>
			                            <li>
			                                <span class="info_t">出生日期：</span>
			                                <span class="fix"></span>
			                            </li>
			                            <li>
			                                <span class="info_t">QQ：</span>
			                                <span class="fix"></span>
			                            </li>
			                            <li>
			                                <span class="info_t">MSN：</span>
			                                <span class="fix"></span>
			                            </li>
			                            <li style="display: none;">
			                                <span class="info_t">手机号：</span>
			                                <span class="fix"></span>
			                            </li>
			                            <li>
			                                <span class="info_t">居住地：</span>
			                                <span class="fix"></span>
			                            </li>
			                            <li>
			                                <span class="info_t">职业：</span>
			                                <span class="fix"></span>
			                            </li>
			                            <li>
			                                <span class="info_t">学历：</span>
			                                <span class="fix"></span>
			                            </li>
			                            <li>
			                                <span class="info_t">个人网址：</span>
			                                <span class="fix"></span>
			                            </li>
			                            <li>
			                            	<span class="fix">
			                            		<a onclick="toedit(this)">编辑</a>
			                                </span>
			                                <div class="edit" style="float:right;display: none;">
			                                    <a onclick="canceledit()">取消</a>
			                                    <a onclick="okedit()">确定</a>
			                                </div>
			                            </li>
			                        </ul>
			                    </fieldset>
			            		</td>
			                    <td width="280">
			                	</td>
			                	<td id="mobilelist">
			                		<fieldset class="bindmobile">
			                		<legend>手机绑定</legend>
			                		<ul>
			                			<li style="padding:0 0 10px 0; height: auto;">
			                				<div id="submitinfo" class="submitinfo" style="display: none;">
			                				</div>
			                			</li>
				                		<li>
					                		<span class="info_t">手机号：</span>
					                		<span class="mobilenum">
					                		<input type="hidden" id="orientmobilenum" />
					                		<input type="text" id="mobilenumipt" style="width: 85px; float: left;border: 0px; " onfocus="jQ('#submitinfo').fadeOut();"/>
					                		</span>
					                		<button class="btn editmode" id="sendCodebtn" style="margin-left: 10px;width: 86px;">发送验证</button>
				                		</li>
				                		<li class="editmode">
				                			<span class="info_t">验证码：</span>
						    				<span class="mobilenum">
						    					<input type="text" id="veript" style="width: 50px; float: left; " maxlength="6" onfocus="jQ('#submitinfo').fadeOut();"/>
						    				</span>
						    				<button class="btn" id="verifyCodebtn" style="margin-left: 43px; ">验证</button>
				                		</li>
				                		<li>
					                		<a onclick="editMobile(this);" id="modelchangebtn" style="display: none;">修改</a>
				                		</li>
			                		</ul>
			                		</fieldset>
			                	</td>
			                </tr>
			            </table>
			        </td>
			        <!-- 左边主体  -->
				</tr>
			</table>
		</div>
		<!-- 中间部分结束 -->
		<s:include value="/foot.jsp"></s:include>
		<div style="display: none;" id="viewopt">
			<img src="${ctx }/image/load.gif" style="display: none;margin-left: 120px;margin-top: 25px;" align="middle" id="viewopt_img"></img>
			<p style="text-indent: 30px;font-size:15px;line-height: 25px;" id="viewopt_p"></p>
		</div>
	</body>
</html>
